import React from 'react';
import styles from './checkboxes.module.css';

interface CheckboxProps {
  checked?: boolean;
  onClick?: () => void;
  size?: string;
}

const HamburgerIcon: React.FC<CheckboxProps> = ({ checked = false, onClick, size = '18px' }) => {
  return (
    <div className={styles.wrapper} style={{ fontSize: size }} onClick={onClick}>
      <div className={styles.bar}>
        <span className={`${styles.span} ${styles.top} ${checked ? styles.checkedTop : ''}`} />
        <span className={`${styles.span} ${styles.middle} ${checked ? styles.checkedMiddle : ''}`} />
        <span className={`${styles.span} ${styles.bottom} ${checked ? styles.checkedBottom : ''}`} />
      </div>
    </div>
  );
}

export default HamburgerIcon;
